<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>告警跟踪分析</title>
    <link rel="icon" href="https://static.jianshukeji.com/highcharts/images/favicon.ico">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <!--<link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.min.css">-->
    <!--&lt;!&ndash;[if lt IE 9]>-->
    <!--<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>-->
    <!--<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>-->
    <!--<![endif]&ndash;&gt;-->
</head>
<body>
<div class="container">
    <h5>分析条件选择</h5>
</div>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <label  class="col-sm-2 control-label">车辆类型:</label>
                    <div class="col-sm-3">
                        <select name="cllx" class="form-control">
                            <option value="请选择" selected="selected">请选择</option>
                            <option value="类型A">类型A</option>
                            <option value="类型B">类型B</option>
                        </select>
                    </div>
                    <label class="col-sm-2 control-label">时间粒度:</label>
                    <div class="col-sm-3">
                        <label class="form-control">
                            <input name="mintime" type="radio"  value="1"/>月
                            <input name="mintime" type="radio"  value="2"/>季度
                            <input name="mintime" type="radio"  value="3"/>年
                       </label>
                    </div>
                </div>
                <div class="form-group">
                    <label  class="col-sm-2 control-label">告警类型:</label>
                    <div class="col-sm-3">
                        <select name="gjlx" class="form-control">
                            <option value="请选择" selected="selected">请选择</option>
                            <option value="车体故障告警">车体故障告警</option>
                            <option value="温湿度告警">温湿度告警</option>
                            <option value="通信状态告警">通信状态告警</option>
                            <option value="终端故障告警">终端故障告警</option>
                            <option value="电子围栏告警">电子围栏告警</option>
                        </select>
                    </div>
                    <label class="col-sm-2 control-label">时间选择:</label>
                    <div class="col-sm-3">
                        <input type="time" class="form-control"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-offset-5 col-sm-10">
                        <button type="submit" class="btn btn-default">查询</button>
                        <button type="button" class="btn btn-default">重置</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="container">
    <h5>分析结果</h5>
</div>
<div class="container">
    <div class="row">
        <div class="col-sm-5">
            <div id="container1" style="min-width:200px;height:200px"></div>
        </div>
        <div class="col-sm-6">
            <div id="container2" style="min-width:200px;height:200px"></div>
        </div>
    </div>
</div>
<br/>
<div class="container">
    <div class="row">
        <div class="col-sm-5">
            <div id="container3" style="min-width:200px;height:200px"></div>
        </div><div class="col-sm-6">
            <div id="container4" style="min-width:200px;height:200px"></div>
        </div>
    </div>
</div>
<br/>
<table class="table  table-bordered">
    <caption>2017年第二季度告警详情列表</caption>
    <thead>
    <tr>
        <th>告警方式</th>
        <th>告警次数</th>
        <th>同比增长率(%)</th>
        <th>大于十分钟告警</th>
        <th>大于10分钟告警占比(%)</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>温湿度告警</td>
        <td>52</td>
        <td>5</td>
        <td>24</td>
        <td>13</td>
    </tr>
    <tr>
        <td>通信状态告警</td>
        <td>52</td>
        <td>5</td>
        <td>24</td>
        <td>13</td>
    </tr>
    <tr>
        <td>终端故障告警</td>
        <td>52</td>
        <td>5</td>
        <td>24</td>
        <td>13</td>
    </tr>
    <tr>
        <td>电子围栏告警</td>
        <td>52</td>
        <td>5</td>
        <td>24</td>
        <td>13</td>
    </tr>
    <tr>
        <td>合计</td>
        <td>52</td>
        <td>5</td>
        <td>24</td>
        <td>13</td>
    </tr>
    </tbody>
</table>


<!--<script type="text/javascript" src="../../bower_components/jquery/dist/jquery.min.js"></script>-->
<!--<script type="text/javascript" src="../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>-->
<script src="../tjfx/gjgzfx.js"></script>
</body>
</html>